﻿@model MMITWeb.Models.SendMoneyConfirmationViewModel

@{
    ViewBag.Title = "SendMoneyConfirmation";
}


<div id="page" class="container">
<style type="text/css">
label, form div.label{
	display:block;
	margin:0px;
	padding:3px 3px 3px 0px; 
	clear:both;
	float: left;
	width: 300px;
	vertical-align: top;
}

label span, div.label span{
	display:inline-block;
	float:left;
	padding:2px 6px 0 0;
	text-align:right;
	width:170px;
	font-weight:normal;
}
</style>
<h2>Confirmation</h2>

@using (Html.BeginForm("SendMoneyComplete","Transactions"))
{
    <fieldset><legend>Transaction Details</legend>
        <label><span>Transaction Amount:</span> @Model.SenderCurrency @Model.BaseAmount.ToString() </label>
        <label> <span> Total Charges: </span>@Model.SenderCurrency @Model.TotalCharges.ToString()</label>
        <label> <span>Total Net Value: </span>@Model.RecipientCurreny @Model.FxAmount.ToString() </label>
  </fieldset>
    
    <fieldset><legend>Charge Summary</legend>
    
        @foreach(var item in @Model.Charges)
        {
            if(item.Charge.FixedAmount !=null)            
            {
                <label><span>@item.Charge.Name Charged at a Fixed Rate of : </span>  @Model.SenderCurrency @string.Format("{0:0.00}",@item.Charge.FixedAmount.ToString()) </label>
            }
            else 
            {
                <label><span>@item.Charge.Name Charged at a Percentage(@item.Charge.PercentageAmount.ToString() % ) of the Transaction Amount : </span> @Model.SenderCurrency @item.Amount.ToString()</label>
            }       
                        
        }
         <label><span>Total Charges:</span> @Model.SenderCurrency @Model.TotalCharges.ToString()</label>
    </fieldset>
    <p><input type="submit" value="Confirm" class="t-button t-button-icontext" 
                style="border: none; height: 32px; cursor: pointer; margin-top: 20px; margin-left: 20px"/>
                <input type="reset" value="Cancel" class="t-button t-button-icontext" 
                style="border: none; height: 32px; cursor: pointer; margin-top: 20px; margin-left: 5px"/></p> 
}

</div>

